<!-- 底部 -->
<template>
  <div class="footer">
    <div class="footer-con">
      <div class="footer-con-item">
        <div class="footer-con-item-tit">
          <span>浙江省建设投资集团股份有限公司</span>
        </div>
        <div class="footer-con-item-con">
          <div class="FCIC-item" v-for="(item, index) in navList" :key="index">{{item.name}}</div>
        </div>
      </div>
      <div class="footer-con-item">
        <div class="footer-con-item-tit">
          <span>新闻咨询</span>
        </div>
        <div class="footer-con-item-con">
          <div class="FCIC-item" v-for="item in fcitList" :key="item">{{item}}</div>
        </div>
      </div>
      <div class="footer-con-item">
        <div class="footer-con-item-tit">
          <span>联系方式</span>
        </div>
        <div class="footer-con-item-con">
          <div class="FCIC-item FCIC-item2">电话：86-571-88238882</div>
          <div class="FCIC-item FCIC-item2">传真：86-571-88393053</div>
          <div class="FCIC-item FCIC-item2">邮箱：zjjt1949@126.com</div>
          <div class="FCIC-item FCIC-item2">地址：浙江省杭州市文三西路52号浙江建投大厦</div>
          <div class="FCIC-item FCIC-item2">邮编：310013</div>
        </div>
      </div>
      <div class="footer-con-item">
        <div class="footer-con-item-tit">
          <span>友情外联</span>
        </div>
        <div style="height: auto" class="footer-con-item-con">
          <div class="FCIC-item3" v-for="item in 1" :key="item">
            <img
              class="FCIC-item3-img"
              src="../assets/img/home/u144.png"
              alt=""
            />
          </div>
        </div>
      </div>
      <div class="footer-con-item">
        <div class="footer-con-item-tit">
          <span>关注我们</span>
        </div>
        <div class="footer-con-item-con">
          <img class="FCIC-code" src="../assets/img/home/u132.png" alt="" />
        </div>
      </div>
    </div>
    <div class="footer-bottom">
      <span
        >备案号：浙ICP备05050917号-6 地址：浙江省杭州市文三西路52号浙江建投大厦
        (310013) 公安备案号
      </span>
    </div>
  </div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
export default {
  name: "FooterV2",
  data() {
    return {
      navList: [
        {
          name: "集团概况",
          path: "/",
          children: [
            {
              name: "集团简介",
              path: "/",
              children: [],
            },
            {
              name: "集团视频",
              path: "/",
              children: [],
            },
            {
              name: "联系我们",
              path: "/",
              children: [],
            },
          ],
        },
        {
          name: "新闻资讯",
          path: "/",
          children: [],
        },
        {
          name: "版块业务",
          path: "/",
          children: [],
        },
        {
          name: "企业文化",
          path: "/",
          children: [],
        },
        {
          name: "信息发布",
          path: "/",
          children: [],
        },
        {
          name: "加入我们",
          path: "/",
          children: [],
        },
        {
          name: "投资者关系",
          path: "/",
          children: [],
        },
      ],
      fcitList: ['集团要闻','成员动态','党建动态','生产经营动态']
    };
  },
  methods: {},
};
</script>

<style lang='css' scoped>
.footer {
  background-color: #004098;
  padding: 20px;
  box-sizing: border-box;
}

.footer-con {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 90%;
  margin: auto;
}

.footer-con-item {
  min-width: 200px;
  margin-right: 40px;
}

.footer-con-item:last-of-type {
  margin-right: 0;
}

.footer-con-item-tit {
  padding: 5px 0;
  font-size: 12px;
  color: #fff;
  border-bottom: 1px solid #dfdfdf;
}

.footer-con-item-con {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  /* height: 150px; */
}

.FCIC-item {
  min-width: 70px;
  padding: 5px 0;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
}

.FCIC-item2 {
  padding: 2px 0;
  cursor: auto;
}

.FCIC-item2:first-of-type {
  margin-top: 5px;
}

.FCIC-item3 {
  margin-top: 10px;
  width: 180px;
  height: 30px;
  background-color: #fff;
}

.FCIC-item3-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/**二维码 */
.FCIC-code {
  margin-top: 10px;
  width: 100px;
  height: 100px;
}

/**备案号 */
.footer-bottom {
  margin-top: 30px;
  text-align: center;
  color: #fff;
}
/* 媒体查询手机 */
@media screen and (max-width: 768px) {
  .footer-con {
  display: block;
}
}
</style>
